zhenyulin / ultimate-hot-boilerplate

export class SideNav extends React.PureComponent {

  static propTypes = {

    className: PropTypes.string,

    func: PropTypes.func,

    list: PropTypes.arrayOf(

      PropTypes.shape({

        id: PropTypes.string,

        value: PropTypes.string,

      }),

    ),

  };

  static defaultProps = {};

  render() {

    const { className, list } = this.props;

    const { func } = this.props;

    return (

      <ul className={className}>

        {list.map(item => (

          <li key={item.id}>

            <BasicButton

              className="navButton"

              func={() => func(item.id)}

              text={item.value}

            />

          </li>

        ))}

      </ul>